/**
 * 加载框Loading
 * Created by ZQH on 2018/1/12.
 * spinner取值:ios,ios-small,bubbles,circles,crescent,dots
 * 因为spinner的颜色在android中默认是蓝色，所以可以自己定义颜色，只需在variables.css中加入
 * $loading-md-spinner-color: #444 //设置spinner的颜色
 * 配置在app.Module.ts中的构造函数中写入：
 * WgLoading.loadingCtrl = this.loaloadingCtrl;才可使用
 */
import { LoadingController } from 'ionic-angular';

export class WgLoading{
  public static loadingCtrl: LoadingController;
  private static loading: any;

  /* 没有文字的加载窗口 */
  public static showLoading(){
    this.loading = this.loadingCtrl.create({
      spinner: 'ios',
      // content: '加载中...',//加载的文字
      showBackdrop:false, //是否显示遮罩层
    });
    this.loading.present();
  }

  /* 有文字的加载窗口 */
  public static showMsgLoading(message){
    this.loading = this.loadingCtrl.create({
      spinner: 'ios',
      content: message,//加载的文字
      showBackdrop:false, //是否显示遮罩层
    });
    this.loading.present();
  }

  /* 自定义的加载窗口 */
  public static showCustomLoading(){
    this.loading = this.loadingCtrl.create({
      spinner: 'hide',
      content: `
      <div class="custom-spinner-container">
        <div class="custom-spinner-box"><img src=""></div> //自定义loading图片(可以是svg或者gif)和div
      </div>`,
    });
    this.loading.present();
  }

  public static hideLoading(){
    this.loading.dismiss();
  }
}
